<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="../../assets/css/layui.css">
    <link rel="stylesheet" href="../../css/list.css">
</head>
<body>
<div id="app">
    <div class="header">
        <form class="layui-form">
            <div class="layui-inline">
                <label class="layui-form-label">姓名</label>
                <div class="layui-input-inline" style="width: 200px;">
                    <input name="name" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">手机号</label>
                <div class="layui-input-inline" style="width: 200px;">
                    <input name="phone" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-inline">
                <div class="layui-input-inline" style="margin-left: 70px">
                    <button class="layui-btn" lay-submit lay-filter="formSearch"><i
                            class="layui-icon layui-icon-search"></i></button>
                </div>
            </div>
        </form>
    </div>
    <div class="content">
        <div class="layui-btn-group">
            <button type="button" class="layui-btn"><i class="layui-icon">&#xe608;</i> 增加</button>
            <button type="button" class="layui-btn layui-btn-normal"><i class="layui-icon">&#xe642;</i> 编辑</button>
            <button type="button" class="layui-btn layui-btn-danger"><i class="layui-icon">&#xe640;</i> 删除</button>
        </div>
        <table class="layui-table" lay-filter="courierTable" id="courierTable">
        </table>
    </div>
</div>
</body>
<script type="text/html" id="listOptsBar">
    <a class="layui-btn layui-btn-xs" lay-event="detail">查看</a>
    <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delete">删除</a>
</script>
<script type="text/html" id="formWin">
    <style>
        .form-content {
            padding: 30px 0px;
        }

        .form-content form {
            width: 95%;
        }
    </style>
    <div class="form-content">
        <form class="layui-form" lay-filter="formCourier">
            <div class="layui-row layui-form-item layui-col-space10">
                <div class="layui-col-md6 layui-show-md-inline-block">
                    <label class="layui-form-label" for="name">姓名</label>
                    <div class="layui-input-block">
                        <input type="text" name="name" id="name" title="请输入姓名" lay-verify="required" placeholder="请输入姓名"
                               autocomplete="off" class="layui-input" lay-verType="tips">
                    </div>
                </div>
                <div class="layui-col-md6 layui-show-md-inline-block">
                    <label class="layui-form-label" for="username">登录名</label>
                    <div class="layui-input-block">
                        <input type="text" id="username" name="username" lay-verify="required|u-username" placeholder="请输入登录名"
                               autocomplete="off" class="layui-input" lay-verType="tips">
                    </div>
                </div>
            </div>
            <div class="layui-row layui-form-item layui-col-space10">
                <div class="layui-col-md6 layui-show-md-inline-block">
                    <label class="layui-form-label" for="phone">手机号码</label>
                    <div class="layui-input-block">
                        <input type="text" id="phone" name="phone" lay-verify="required|phone|number|u-phone" placeholder="请输入手机号码"
                               autocomplete="off" class="layui-input" lay-verType="tips">
                    </div>
                </div>
                <div class="layui-col-md6 layui-show-md-inline-block">
                    <label class="layui-form-label" for="idCard">身份证号码</label>
                    <div class="layui-input-block">
                        <input type="text" id="idCard" name="idCard" lay-verify="required|identity|u-idCard" placeholder="请输入身份证号码"
                               autocomplete="off" class="layui-input" lay-verType="tips">
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label" for="password">密码</label>
                <div class="layui-input-block">
                    <input type="password" id="password" name="password" lay-verify="required|u-password" placeholder="请输入密码"
                           autocomplete="off" class="layui-input" lay-verType="tips">
                    <div class="layui-form-mid layui-word-aux">1、字母、数字和特殊字符至少包含2种</div>
                    <div class="layui-form-mid layui-word-aux">2、密码的长度在6~18位之间</div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label" for="password">确认密码</label>
                <div class="layui-input-block">
                    <input type="password" id="confirmPassword" name="confirmPassword" lay-verify="required|u-confirmPassword" placeholder="请输入密码"
                           autocomplete="off" class="layui-input" lay-verType="tips">
                </div>
            </div>
            <div class="layui-row layui-form-item layui-col-md-offset3">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit lay-filter="formCourierAdd">立即提交</button>
                    <button class="layui-btn layui-btn-primary" type="reset">重置</button>
                </div>
            </div>
        </form>
    </div>
</script>
<script src="../../assets/layui.js"></script>
<script src="../../js/index.js"></script>
<script>
    layui.use("courier", function () {
        layui.courier.init();
    })
</script>
</html>
